
      // 点击× 关闭 - 隐藏整个box 盒子 

      //  点击    1. 查找要操作的元素 close    2. 给close 添加点击事件  onclick     3. 添加事件处理程序   funtion 
      //  关闭    2. 查找要操作的元素  box     2. 隐藏  -  display:none;

      // 查找 / 获取    document文档    get获取   element元素-标签 by 通过  classname 类名 

      // 获取类名为close的元素
      var oClose = document.getElementsByClassName('close')[0];
      // 获取类名为box的元素
      var oBox = document.getElementsByClassName('box')[0];

      // 添加点击事件 - 绑定事件处理程序

      // 点击oClose  执行函数里面的代码
      oClose.onclick = function(){
          // 关闭 - 隐藏box 

          // 设置oBox 的css 属性 display 的值为none;
          oBox.style.display = 'none';
      }


